<template>
  <div>

    <h1>父组件的name{{qqq}}</h1>
    局部组件
  </div>
</template>
<script>
// @ is an alias to /src
/* 
  props data computed methods 
  这四个属性中的子属性名是不能重复的；因为他们中的属性最终
  都会被挂载到当前实例上  


*/
export default {
  // props: ["qqq", "ttt"], // 这种简写是对于属性没有任何要求的
  props: {
    qqq: {
      type: [Array, String], // qqq的类型必须是数组或者字符粗汉
      // required: true, // qqq为必传属性
      default() {
        // 赋予qqq默认值
        return "666666666";
      },
      validator(val) {
        // 让创建组件的这个人自定义传递的数据的规则
        if (val.length < 3) {
          console.error("[Vue warn]: 长度不能小于3");
          return false;
        }
        return true;
      },
    },
  },
  data() {
    return {};
  },
  created() {
    console.log(this);
  },
};
</script>
<style lang="less">
</style>